import { Button, DatePicker, Form, Input } from "antd";
import dayjs from "dayjs";
import { keys } from "ts-transformer-keys";

export default function Index() {
  const onFinish = (values: any) => {
    const keysOfProps = keys<Props>();

    console.log(keysOfProps);
  };

  return (
    <div style={{ maxWidth: "400px", margin: "0 auto" }}>
      <h2>添加</h2>
      <Form
        labelCol={{ span: 6 }}
        wrapperCol={{ span: 18 }}
        onFinish={onFinish}
      >
        <Form.Item label={"Title"} name="title">
          <Input placeholder="请输入标题" />
        </Form.Item>
        <Form.Item label={"Content"} name="content">
          <Input placeholder="请输入内容" />
        </Form.Item>
        <Form.Item label={"DateTime"} name="dateTime">
          <DatePicker showTime className="full-w" />
        </Form.Item>
        <Form.Item wrapperCol={{ offset: 8, span: 16 }}>
          <Button type="primary" htmlType="submit">
            Submit
          </Button>
        </Form.Item>
      </Form>
    </div>
  );
}
/** 功能介绍:资产DTO
作者:sunbinbin
创建日期:2022.12.05 */
export interface Props {
  /** id */
  id: string;

  /** intId */
  intId: number;

  /** code */
  code: string;

  /** name */
  name: string;

  /** parent */
  parent: string;

  /** sort */
  sort: number;

  /** 企业编码 */
  entCode: string;

  /** type */
  type: any;

  /** 子类型，设备类型，部件类型，测点类型 等 */
  subType: string;

  /** monitorMode */
  monitorMode: any;

  /** 是否有下级，不映射数据库字段 */
  hasChildren: boolean;

  /** deviceId */
  deviceId: string;

  /** fullName */
  fullName: string;

  /** orgFullName */
  orgFullName: string;

  /** deviceFullName */
  deviceFullName: string;

  /** extraProperties */
  extraProperties: object;

  /** minType */
  minType: any;

  /** 健康状态 */
  healthState: string;

  /** alarmLevel */
  alarmLevel: any;

  /** 源数据标签 */
  sourceLabel: string;

  /** 常规采集策略 */
  generalStrategy: string;

  /** assetMonitorMode */
  assetMonitorMode: string;

  /** 标记是否为回传的节点 */
  isBack: boolean;

  /** assetState */
  assetState: any;

  /** 标记设备是否关联采集站 */
  isRelatedIot: boolean;

  /** 是否可编辑 */
  editable: boolean;

  /** 是否为复制粘贴 */
  isCopy: boolean;

  /** Path */
  path: string;

  /** attributes */
  attributes: object;

  /** 创建时间 */
  creationTime: string;

  /** 创建人 */
  creatorId: string;

  /** 修改时间 */
  lastModificationTime: string;

  /** 修改人 */
  lastModifierId: string;
}
